<template>
	<!-- <h1>{{count}}</h1> -->
	<view class="home_Box">
		<view class="menu_box">
			<MenuView></MenuView>
		</view>
		<view class="banner_box">
			<SlideShow class="slide_box"></SlideShow>
		</view>
		<view >
			<SearchBox class="search_box"></SearchBox>
		</view>
	</view>
</template>

<script>
	// @ is an alias to /src
	import MenuView from '../components/MenuView'
	import SlideShow from '../components/SlideShow'
	import SearchBox from '../components/SearchBox'

	export default {
		components: {
			MenuView,
			SlideShow,
			SearchBox
		},
		data() {
			return {

			}
		},
		methods: {

		},
		computed: {

		}
	}
</script>

<style lang="scss">
	* {
		margin: 0px;
		padding: 0px;
	}

	.bg_div {
		position: absolute;
		width: 100vw;
		height: 99.6vh;
		z-index: -1;
	}

	.menu_box {
		z-index: 1;
	}

	.slide_box {
		color: #323232;
		text-align: left;
		margin: 0;
		padding: 0;
		outline: none;
		width: 100%;
		max-height: 640px;
		position: absolute;
	}

	.search_box {
		
	}
</style>